<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>人员信息</title>
		<link rel="stylesheet" type="text/css" href="../css/PersonnelInformation-1.css" />
	</head>
	<body>


		<!-- 顶层搜索 -->
		<div class="TopSearch">
			搜索
		</div>


		<!-- 第二排输入 -->
		<div class="SecondIput">
			<!-- 属性	值	描述
                 for	id	规定 label 绑定到哪个表单元素。 -->
			<!-- 姓名和其输入框 -->
			<div class="NameInput">
				<label for="Name1">姓名</label>
				<input type="text" name="" id="Name1" value="" class="NameInput-1" />
			</div>

			<!-- 是否启用及其下拉菜单 -->
			<div class="EnableDown">
				<label for="Name2">是否启用</label>
				<select name="Name2" class="EnableDown-1">
					<option selected="selected">启动</option>
					<option>不启动</option>
				</select>
			</div>

			<!-- 身份证号和其输入框 -->
			<div class="UserNumberInput">
				<label for="Name3">身份证号</label>
				<input type="text" name="" id="Name3" value="" class="UserNumberInput-1" />
			</div>

			<!-- 角色及其下拉菜单 -->
			<div class="EnableDown">
				<label for="Name4">角色</label>
				<select name="Name4" class="EnableDown-1">
					<option selected="selected">管理员</option>
					<option>用户</option>
				</select>
			</div>

			<!-- 搜索按钮 -->
			<div class="Search-1">
				搜索
			</div>
		</div>


		<!-- 第三排的四个按钮 -->
		<div>
			<!-- 新增按钮 -->
			<div>
				<button type="button" class="addbtn-1">增加</button>

				<!-- 新增按钮图标 -->
				<!-- <div class="addbtn-1-icon">
				
			</div> -->
				<!-- 新增txt -->
				<!-- <div class="addbtn-1-txt">
				新增	
			</div> -->

			</div>
			<!-- 删除按钮 -->
			<div>
				<button type="button" class="addbtn-2">删除</button>
			</div>

			<!-- 修改按钮 -->
			<div>
				<button type="button" class="addbtn-3">修改</button>
			</div>

			<!-- 查询按钮 -->
			<div>
				<button type="button" class="addbtn-4">查询</button>
			</div>

		</div>


		<!-- 表格 -->
		<div class="TableDiv">
			<!-- 建立表格 -->
			<table class="Table-1" cellspacing="0">
				<!-- 第一行 -->
				<tr height="100px">
					<th>全选</th>
					<th>姓名</th>
					<th>身份证号</th>
					<th>角色</th>
					<th>是否启用</th>
					<th>创建时间</th>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz1" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz2" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz3" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz4" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz5" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz6" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz7" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="" id="chexz8" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
				<!-- 9 -->
				<tr>
					<td><input type="checkbox" name="" id="chexz9" value="" /></td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
				</tr>
			</table>

		</div>


		<!-- 底部 -->

		<div class="SY">
			首页
		</div>
		<div class="PreviousPage">
			上一页
		</div>
		<div class="SY">
			1
		</div>
		<div class="SY">
			2
		</div>
		<div class="PreviousPage">
			下一页
		</div>

		<div class="SY">
			末页
		</div>




	</body>
</html>
